<template>
    <div>
        <el-table
            v-loading="loading"
            :data="userList"
            @selection-change="handleSelectionChange"
        >
            <el-table-column type="selection" width="50" align="center" />
            <el-table-column
                label="用户编号"
                align="center"
                key="userId"
                prop="userId"
                v-if="columns[0].visible"
            />
            <el-table-column
                label="用户名称"
                align="center"
                key="userName"
                prop="userName"
                v-if="columns[1].visible"
                :show-overflow-tooltip="true"
            />
            <el-table-column
                label="用户昵称"
                align="center"
                key="nickName"
                prop="nickName"
                v-if="columns[2].visible"
                :show-overflow-tooltip="true"
            />
            <el-table-column
                label="部门"
                align="center"
                key="deptName"
                prop="dept.deptName"
                v-if="columns[3].visible"
                :show-overflow-tooltip="true"
            />
            <el-table-column
                label="手机号码"
                align="center"
                key="phonenumber"
                prop="phonenumber"
                v-if="columns[4].visible"
                width="120"
            />
            <el-table-column
                label="状态"
                align="center"
                key="status"
                v-if="columns[5].visible"
            >
                <template slot-scope="scope">
                    <el-switch
                        v-model="scope.row.status"
                        active-value="0"
                        inactive-value="1"
                        @change="handleStatusChange(scope.row)"
                    ></el-switch>
                </template>
            </el-table-column>
            <el-table-column
                label="创建时间"
                align="center"
                prop="createTime"
                v-if="columns[6].visible"
                width="160"
            >
                <template slot-scope="scope">
                    <span>{{ parseTime(scope.row.createTime) }}</span>
                </template>
            </el-table-column>
            <el-table-column
                label="操作"
                align="center"
                width="160"
                class-name="small-padding fixed-width"
            >
                <template slot-scope="scope" v-if="scope.row.userId !== 1">
                    <el-button
                        size="mini"
                        type="text"
                        icon="el-icon-edit"
                        @click="handleUpdate(scope.row)"
                        v-hasPermi="['system:user:edit']"
                        >删除</el-button
                    >
                    
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
import { defaultList } from "@/api/system/user";
export default {
    data () {
        return {
            list: []
        }
    },
    methods: {
        getList () {
            defaultList().then(res => {
                console.log(res)
            })
        }
    },
    mounted () {
        this.getList()
    }
};
</script>

<style>
</style>